<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-2.1.4.min.js"></script>
    <style>
        *{
            cursor: default;
        }
        html{width:100%;
            height:100%}
        body{width:100%;
            height:100%;
            background: url(images/login_bgx.gif) no-repeat;
            background-size:cover;     /*这里设置了背景图片为覆盖，以填满整个容器*/
        }
    </style>
</head>
<body>
<div class="container">
    <div style="margin-top: 20%">
        <div style="width: 30%;margin-left: 40%;margin-bottom: 5%">
            <input type="text"placeholder="AdminName" id="admin_name">
        </div>
        <div style="width: 30%;margin-left: 40%;margin-bottom: 5%">
            <input type="password" placeholder="Password" id="admin_password">
        </div>
        <button style="margin-left: 55%" id="login">login</button>
    </div>
</div>
</body>
<script src="js/model.js"></script>
<script src="js/view.js"></script>
<script src="js/controller.js"></script>
<script type="application/javascript">
   $('#login').click(function () {

       var admin_name = $('#admin_name').val();
       var admin_password = $('#admin_password').val();
       if(admin_name!=''&&admin_password!=''){
           mvc.controller.login(admin_name,admin_password);
       }else{
           alert('请输入账号密码');
       }

   });
</script>
</html>